<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="red">
		<!--叫法：标记与元素--
		标记：<W3C指定好的单词>特定含义，页面上实现具体效果
		前标记和后标记
		元素：前标记和后标记加内容组成
		-->
		<!--页面存：文本、图片、超链接...-->
		<!--一、文本元素群
		      1.假文【占位符】Lorem+tab键
		-->
Lorem ipsum dolor, sit amet consectetur adipisicing elit. 
Facilis dolore consequatur harum consectetur.
 Laborum quia dicta commodi rem voluptate nisi corporis natus ea blanditiis esse, impedit perspiciatis maiores dignissimos ducimus.
 <!--2.段落元素p元素-->
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
 Nostrum numquam beatae delectus hic harum autem a aliquam dolorem, officiis consectetur! Minus quod suscipit odio rem quisquam ratione officia, expedita corporis?
	<!--3.跑马灯元素--> 
	<marquee>滚滚长江东逝水</marquee>
	<!--4.标题元素 加粗放大h1~h6-->
	<h1>标题元素</h1>
	<h2>标题元素</h2>
	<h3>标题元素</h3>
	<h4>标题元素</h4>
	<h5>标题元素</h5>
	<h6>标题元素</h6>
	<!--5.实业、实体字符：特殊字符 自带语法：&W3C定义单词；
	   &reg;代表商标
	   &copy;代表版权
	   &lt;代表小于
	   &gt;代表大于
	   &nbsp;代表一个空格
	-->
	&reg;代表商标
	&copy;代表版权
	&lt;代表小于
	&gt;代表大于
	&nbsp;代表一个空格
	<!--6.文本样式元素：做文本效果-->
	<i>文本倾斜</i>
	<b>文本加粗</b>
	<u>文本下划线</u>
	<del>文本删除线html4</del>
	<s>文本删除线html5</s>
	2<sup>3</sup>
	文言文<sub>解释</sub>
	<!--文本加粗并解释倾斜【嵌套】-->
	<i><b>123</b></i>
	<!--7.分割线元素与换行元素
	元素分为两类：①成对【双标记】封闭型标记
	           ②【单/空标记】非封闭型标记
			   语法：<W3C单词 />
	-->
	<hr/>
	文字<br/>效果
	<!--8.预格式化元素pre
	效果：放进入是什么，显示什么，包括空格与回车-->
	<pre>
		     &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp  静夜思   
				床前明月光，疑是地上霜
				举头忘明月，低头思故乡
	</pre>
	</body>
</html>